<template>
  <div class="home">
    <search-bar class="searchBar"></search-bar>
    <my-swiper class="swiperLun"></my-swiper>
    <mid-card class="midCard"></mid-card>
    <hot-sale class="hotSale"></hot-sale>
    <!-- <water-fall class="waterFall"></water-fall> -->
    <lazy class="lazy"></lazy>


    <!-- <div style="height: 1000px;"></div> -->
    <!-- <div class="bottomBar">

    </div> -->
  </div>
</template>

<script>
import MidCard from "@/components/Home/MidCard"
import MySwiper from "@/components/Home/MySwiper"
import SearchBar from "@/components/Home/SearchBar"
import HotSale from "@/components/Home/HotSale"
// import WaterFall from "@/components/Home/WaterFall"
import lazy from '@/components/Home/evaluateList'

export default {
  name: 'home',
  components: {
    // 前面是真实組件，後面是組件的一个任意名字与import后面的那个SearchBar名字保持相同;也可以只写一个中间,号隔开
    SearchBar:SearchBar,
    MySwiper:MySwiper,
    MidCard:MidCard,
    HotSale:HotSale,
    // WaterFall:WaterFall,
    lazy:lazy

  }
} 
</script>

<style lang="less">
  .searchBar{}
  .swiperLun{}

</style>